/*还要设置一个外层的banner的高度就好了*/
body{overflow-x: hidden;display: block;}
.flexslider{position:relative;height:100%;width: 1920px;overflow:hidden;margin-left: -360px;}
.slides{position:relative;z-index:1;height: 100%;width: 100%;}
.slides li{height:100%;width: 100%;position: relative;background-size: 100% 100%;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(/static/whgdmk/img/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(/static/whgdmk/img/prev.png) center center no-repeat;display: none;}
.flex-direction-nav li a.flex-next{right:40px;background:url(/static/whgdmk/img/next.png) center center no-repeat;display: none;}
.flexslider:hover .flex-direction-nav li a.flex-prev{display: block;}
.flexslider:hover .flex-direction-nav li a.flex-next{display: block;}
.zl12 .flex-direction-nav li a.flex-prev{display: none;}
.zl12 .flex-direction-nav li a.flex-next{display: none;}
.zl12 .flexslider:hover .flex-direction-nav li a.flex-prev{display: none;}
.zl12  .flexslider:hover .flex-direction-nav li a.flex-next{display: none;}
/*.zl12 .flex-control-nav a*/
/*{*/
    /*margin-top: 50px;*/
    /*display:inline-block;*/
    /*width:14px;*/
    /*height:14px;*/
    /*line-height:40px;*/
    /*overflow:hidden;*/
    /*background:url(/static/whgdmk/img/dot.png) right 0 no-repeat;cursor:pointer;*/
/*}*/
.zl12 .flexslider{position:relative;height:100%;width: 100%;overflow:hidden;margin-left: 0}
@media only screen and (max-width: 640px)
{
    .flexslider{position:relative;height:100%;width: 100%;overflow:hidden;margin-left: 0}
    .flex-direction-nav li a.flex-prev{left:40px;background:none;}
    .flex-direction-nav li a.flex-next{right:40px;background:none}
}